<!--2、登录&注册-->
<template>
  <div class="fqa">
    <div
      class="container fqa-frame"
      style="margin-top: 2.5rem; margin-bottom: 2rem"
    >
      <p
        class="ac-bg text"
        v-for="(item, index) in fqaList"
        :key="index"
        @click="clickQuestion(index)"
      >
        {{ item.name }}
      </p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      fqaList: [
        {
          name: "How to register and login",
          url: "/other/fqa/registerlogin/qs1",
        },
        {
          name: "How to change the login password",
          url: "/other/fqa/registerlogin/qs2",
        },
        {
          name: "Is My Account Safe",
          url: "/other/fqa/fqa/qs2",
        },
        {
          name: "Update Address Information",
          url: "/other/fqa/fqa/qs11",
        },
        {
          name: "Where To Leave A Comment",
          url: "/other/fqa/fqa/qs10",
        },
      ],
    };
  },
  methods: {
    clickQuestion(index) {
      this.$router.push({
        path: this.fqaList[index].url,
      });
    },
  },
};
</script>
<style lang="less" scoped>
.fqa {
  padding-bottom: 8rem !important;
}
@import "../fqa.less";
</style>